@import 'mixin.less';
#main {
  background: url(../images/login-bg.jpg) center top no-repeat;
  background-size: cover;
  height: 760px;
  .login {
    position: relative;
    top: 50%; /*偏移*/
    transform: translateY(-50%);
    height: 300px;
    .login-img {
      position: relative;
      top: 50%; /*偏移*/
      transform: translateY(-50%);
      margin-left: 30px;
    }
    .login-item {
      background: #fff;
      top: -50px;
      right: 50px;
      height: 400px;
      .login-link {
        a {
          color: @color-gray1;
        }
      }
    }

box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);  }

  .register {
    position: relative;
    top: 50%; /*偏移*/
    transform: translateY(-50%);
    padding: 30px 120px;
    .uploadfile {
      position: relative;
      img {
        width: 158px;
        height: 158px;
      }
      input {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        z-index: 1;
        cursor: pointer;
      }
    }
    .form-control:focus {
      // border-color: #f38282;
      // box-shadow: 0 0 0 .2rem rgba(238, 62, 60, 0.25);
    }
  }
}